<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国防疫</title>
    <!-- 导航公用css文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 首页css文件 -->
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="images/favicon.ico">
</head>

<body>
    <!-- header导航 -->
    <header class="header">
        <ul class="topnav">
            <!-- logo -->
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <li id="active"><a href="index.html">首页</a></li>
            <li>
                <a href="hero.html">抗疫英雄</a>
            </li>
            <li>
                <a href="hospit.html">医院</a>
            </li>

            <li>
                <a href="news.html">新闻</a>
            </li>
            <li>
                <a href="contact.html">联系</a>
            </li>
            <li>
                <a href="regisn.html">注册</a>
            </li>
        </ul>
    </header>
    <!-- 焦点图 -->
    <section>
        <img src="images/local.jpg" alt="">
    </section>
    <!-- 主要内容 -->
    <div class="main">
        <!-- 开始 -->
        <div class="hd">
            <h1>抗疫精神</h1>
            <p class="wz1">Spirit of resistance to disease</p>
            <p class="wz2">抗疫精神是在抗击新冠肺炎中形成的众志成城抗击疫情的精神。</p>
            <p>抗疫精神是中华民族精神的剪影，它可歌可泣、可圈可点，也无坚不摧、无往不胜。它包含：一是万众一心、同舟共济的守望相助精神；二是闻令而动、雷厉风行的英勇战斗精神；三是顾全大局、壮士断腕的“一盘棋”精神；四是舍生忘死、逆行而上的英雄主义精神；五是充满信心、敢于胜利的积极乐观精神。</p>
            <div class="icon">
                <img src="images//xia.png" alt="">
            </div>
        </div>
        <!-- 中间 -->
        <div class="ct">
            <!-- 疫情期间 -->
            <h1>抗疫期间</h1>
            <p class="wz1">During the period of resistance to disease</p>
            <ul class="ct_li">
                <li><img src="images/whfc.jpeg" alt="">
                    <p>武汉封城</p>
                </li>
                <li><img src="images/hjxd.jpeg" alt="">
                    <p>隔离消毒</p>
                </li>
                <li><img src="images/cltw.jpg" alt="">
                    <p>测量体温</p>
                </li>
            </ul>
        </div>
        <!-- 最后 -->
        <div class="end">
            <h1>武汉加油</h1>
            <p class="wz1">Wuhan refueling</p>
            <!-- 左侧 -->
            <div class="img_left">
                <img src="images/zywh.jpeg" alt="">
                <img src="images/zywh2.jpeg" alt="">
                <img src="images/zywh3.jpeg" alt="">
                <img src="images/zywh4.jpeg" alt="">
                <img src="images/zywh5.jpeg" alt="">
                <img src="images/zywh6.jpeg" alt="">
            </div>
            <!-- 右侧 -->
            <div class="img_right">
                <h1 class="wh">武汉</h1>
                <p class="wz3">武汉你一定会好起来的，到时候我们一起去吃热干面，去武大看樱花，去江汉路坐知音号，去东湖坐缆车，去司门口走长江大桥，加油武汉，我们与你同在。</p>
                <audio src="music/mu.mp3" controls></audio>
            </div>
        </div>
    </div>
    <!-- 底部版权 -->
    <div class="footer">
        <p>版权信息:安诺科技</p>

    </div>
</body>

</html>